<template>
  <div>
    <!-- Title -->
    <div>
      <TitleCompound :title="title" />
    </div>

    <!-- Content -->
    <div>
      <el-table :data="[news]" style="width: 100%">
        <el-table-column prop="id" label="ID" width="180" />
        <el-table-column prop="title" label="Title" width="180" />
        <el-table-column prop="author" label="Author" />
        <el-table-column prop="publishedDate" label="PublishedDate" />
        <el-table-column prop="content" label="Content" />
      </el-table>
    </div>
  </div>
</template>
<script lang="ts" setup>
import TitleCompound from '@/components/TitleCompound.vue';
import type { INews } from "@/types";

const title = "Slots -Default - Detail"

defineProps<{
  news: INews
}>()

</script>
<style lang="scss" scoped></style>
